@import "common";

@orange : #e86c4f;

html{width: auto;margin: 0;}
body{height: auto;background-color: #f3f3f3;}
#body{position: relative;z-index: 1;padding-top: 160px;background: url('/src/img/list/bg-2.jpg') center bottom no-repeat;}

.body-bg{
    position: absolute;top: 0;left: 0;bottom: 0;width: 100%;min-width: @content;
    li{
        width: 100%;background: center top / cover no-repeat;
        &.bg-1{height: 960px;background-image: url('/src/img/list/bg-1.jpg');}
    }
}

.footer{
    height: 330px;position: relative;
    p{position: absolute;bottom: 80px;width: 100%;text-align: center;font-size: 16px;color: #999;line-height: 40px;}
}

h1{
    height: 95px;background: url("/src/img/author/title.png") center top / auto 80/@rem no-repeat;text-indent: -9999px;
}

.work-info{
    min-height: 1100px;width: 775px;box-sizing: border-box;background-color: rgba(243,243,243,0.75);margin: 70px auto 0;padding: 20px 70px;text-align: center;
    h2{margin-top: 45px;font-size: 22px;color: #c33938;}
    .text{font-size: 16px;line-height: 32px;color: #666;margin-top: 20px;padding-bottom: 30px;}
}

//手机端
@media (max-width: @sreen){
    html,body{width: 100%;}
    .content{width: 100%;}
    #body{padding-top: 160/@rem;background-image:  url('/src/img/list/bg-2-s.jpg');background-position: center bottom -300/@rem;}

    //悬浮
    .fixed-box{
        position: fixed;width: 120/@rem;right: 0;top: 20%;height: 250/@rem;margin-top: 0;
        a{
            width: 100%;height: 120/@rem;background-size: contain;
            &.img-way{margin-top: 10/@rem;}
        }
    }

    nav{
        position: fixed;height: 100/@rem;padding: 15/@rem;min-width: 100%;background-color: #fff;
        .logo{width: 310/@rem;height:70/@rem;background: url("/src/img/logo-1.png") center center / contain no-repeat;}
        .list{display: none;}
        &.scroll{
            position: fixed;box-shadow: none;padding: 15/@rem;height: 100/@rem;
            .logo{width: 310/@rem;height:70/@rem;background-image: url("/src/img/logo-1.png");margin: 0;}
        }
    }

    .body-bg{
        min-width: 100%;padding-top: 100/@rem;
        li{
            &.bg-1{height: 1040/@rem;background-image: url('/src/img/list/bg-1-s.jpg');}
        }
    }

    &.footer{height:330/@rem;
        p{bottom: 40/@rem;font-size: 16/@rem;line-height: 40/@rem;
            span{display: block;}
        }
    }

    h1{
        height: 95/@rem;background-size: auto 70/@rem;position: relative;
        .title-type{display: block;position: absolute;width: 100%;top: 130%;font-size: 32/@rem;text-indent: 0;text-align: center;}
    }

    .work-info{
        min-height: 0;width: 100%;margin: 70/@rem 0;padding: 20/@rem 70/@rem;
        h2{margin-top: 45/@rem;font-size: 24/@rem;}
        .text{font-size: 20/@rem;line-height: 32/@rem;margin-top: 20/@rem;padding-bottom: 30/@rem;text-align: justify;text-indent: 2em;}
    }

}








